$(function(){
        var username = localStorage.getItem("parameter");
        var password = localStorage.getItem("password");
        var token = localStorage.getItem("token");
        console.log(token)
        var base_url = "http://127.0.0.1:8080/product";
        var base_url_recommend = "http://127.0.0.1:8080/recommend";

        $("#static-time").click(function(){
                earn_response_show_list()
        })

        // function earn_response_show_list_real(){
        //         var url = base_url_recommend+"/realtime/";
        //         $.ajax({
        //                 url:url,
        //                 type:"POST",
        //                 data:{
        //                         token:token
        //                 },
        //                 success: function (response){
        //                         // console.log(response);
        //                         // 这里编写一个函数 将后端返回的数据显示到前端
        //                         show_list(response);
        //                 }
        //         })
        // }


        function earn_response_show_list(){
                var url = base_url_recommend+"/recommend/";
                $.ajax({
                        url:url,
                        type:"POST",
                        data:{
                                token:token
                        },
                        success: function (response){
                                console.log(response);
                                // 这里编写一个函数 将后端返回的数据显示到前端
                                show_list(response);
                        }
                })
        }


        function show_list(response){
                // 获取data中 productId avg 使用each循环
                $.each(response.data.recs,function(index,value){
                        // 分别获取他的productId和avg的值
                        var productId = response.data.recs[index].productId;
                        var score = response.data.recs[index].score;
                        var div_li = '<div class="col-sm-6"><div class="thumbnail"><img id="imgurl-'+productId+'" src="..." alt="..."><div class="caption"><h3 id="goodsname-'+productId+'"></h3><p id="avg">'+'推荐值：'+score+'</p><p><a href="#" id="btn-'+productId+'" class="btn btn-primary" role="button">进入详情</a> </p></div></div></div>'
                        $(".container-inner").append(div_li);
                        earn_response_show_img_name(productId);
                        // console.log(productName);
                })
        }


        // function show_list(response){
        //         // 获取data中 productId avg 使用each循环
        //
        //         $.each(response.data.recs,function(index,value){
        //                 // 分别获取他的productId和avg的值
        //                 var productId = response.data.recs[index].productId;
        //                 var score = response.data.recs[index].score;
        //                 var div_li = '<div class="col-sm-6"><div class="thumbnail"><img id="imgurl-'+productId+'" src="..." alt="..."><div class="caption"><h3 id="goodsname-'+productId+'"></h3><p id="avg">'+'平均评分数：'+score+'</p><p><a href="#" id="btn-'+productId+'" class="btn btn-primary" role="button">进入详情</a> </p></div></div></div>'
        //                 $(".container-inner").append(div_li);
        //                 earn_response_show_img_name(productId);
        //                 // console.log(productName);
        //         })
        //
        //
        // }
        // 显示其他信息
        function earn_response_show_img_name(productId){
                var url = base_url+"/data/";
                        $.ajax({
                                url:url,
                                type:"GET",
                                data:{
                                        productId:productId
                                },
                                success: function (response){
                                        console.log(response)
                                        var name = response.data.name;
                                        var imgurl = response.data.imageUrl;
                                        $("#goodsname-"+productId).text(name)
                                        $("#imgurl-"+productId).attr("src", imgurl)
                                        // resolve(name);
                                        
                                }
                        })
                        
        }

        $(document).on("click", ".btn-primary", function() {
                var h3Content = $(this).closest(".thumbnail").find("h3").text();
                var buttonId = $(this).attr("id");
                var ID = buttonId.substring(4);

                // 重定向到登陆界面 
                window.location.href = "./goodsdetails.html?h3Content="+h3Content+"&ID="+ID;
        });
})